<template>
    <div>
        <!-- <web-header show="visa" /> -->



        <h1 style="width: 200px; margin: auto; height: 78px; text-align: center;"></h1>


        <div class="box">

            <!-- 顶部信息 -->
            <div class="header">
                <div class="logo">
                    <img src="https://admin.hqx.com.cn/Public/App/image/booking.gif" alt="">
                </div>

                <div class="serialNum">
                    <h1 class="header__title">预订确认单</h1>
                    <div class="book-num" style="line-height: 14px;">
                        订单确认号：
                        <span class="book-num__digits">5102.630.610</span>
                        <br>
                        PIN码：
                        <span class="book-num__digits">1492</span>
                    </div>
                    <div class="bui_font_caption bui_color_destructive">该订单已取消</div>
                </div>
            </div>

            <!-- 居中表格 -->
            <div class="main-content">
                <div class="main-content__item booking-details">
                    <!-- summary -->
                    <div class="summary table  summary-layout-redesign">
                        <div class="table-row">
                            <div class="table-cell">
                                <img src="https://ac-a.static.booking.cn/xdata/images/hotel/square90/79773013.webp?k=c763ce8221d97dfa237602fac1f241ba516b256395207373071fcb08f7287aac&amp;o="
                                    class="hotel-details__photo" width="90">
                                <div class="hotel-details__address ">
                                    <h2 class="marginTop5">
                                        Stockholm Hostel
                                        <span style="color: #555555; font-weight: normal;">
                                            (斯德哥尔摩旅馆)
                                        </span>
                                    </h2>
                                    <div class="marginTop5">
                                        <strong>地址:</strong>
                                        Alströmergatan 15, 国王岛, 112 47 斯德哥尔摩, 瑞典
                                        <div class="marginTop2">
                                            <strong>电话:</strong> <span class="u-phone">+46 70 156 55 25</span>
                                        </div>
                                        <div class="marginTop2">
                                            <strong>GPS坐标：</strong> N 059° 20.141, E 18° 1.848
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="table-cell table-cell--with-border">
                                <div class="row dates bhpb_table_row_padding"> <!-- row dates -->
                                    <div class="col-6 dates__item col-6-w">
                                        <div class="dates__border">
                                            <div class="summary__title">入住时间</div>
                                            <div class="summary__big-num">14</div>
                                            <div class="dates__month">9月</div>
                                            <div class="dates__week">星期日</div>
                                            <div class="dates__time marginTop3">
                                                <img src="https://ac-a.static.booking.cn/static/img/conf_print/cp-icon-time/756dbcbcbc683fb259653a179513b242439d312c.png"
                                                    class="conf-icon" width="10">
                                                15:00至23:30
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-6 dates__item col-6-w">
                                        <div class="summary__title">退房时间</div>
                                        <div class="summary__big-num">18</div>
                                        <div class="dates__month">9月</div>
                                        <div class="dates__week">星期四</div>
                                        <div class="dates__time marginTop3">
                                            <img src="https://ac-a.static.booking.cn/static/img/conf_print/cp-icon-time/756dbcbcbc683fb259653a179513b242439d312c.png"
                                                class="conf-icon" width="10">
                                            05:00至11:00
                                        </div>
                                    </div>
                                </div> <!-- / row dates -->
                            </div>
                            <div class="table-cell table-cell--with-border">
                                <div class="row rooms-nights df">
                                    <div class="col-5 rooms-nights__item">
                                        <div class="summary__title">
                                            房源
                                        </div>
                                        <div class="summary__big-num">1</div>
                                    </div>
                                    <div class="col-1 rooms-nights__item">
                                        <div class="summary__title">&nbsp;</div>
                                        <div class="summary__big-num summary__big-num--sep">/</div>
                                    </div>
                                    <div class="col-6 rooms-nights__item ">
                                        <div class="summary__title">
                                            夜数
                                        </div>
                                        <div class="summary__big-num">4</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- price -->
                    <div class="price-table table">
                        <div class="table-row">
                            <div class="table-cell">
                                <div class="summary__title">
                                    价格
                                </div>
                                <div class="summary__big-num"></div>
                                <div class="pb-pricebreakdown--tbl-outerbox-cont
is-print is-print-mod2
">
                                    <div class="pb-pricebreakdown--tbl-outerbox">
                                        <table class="pb-pricebreakdown--tbl">
                                            <tbody>
                                                <tr>
                                                    <th scope="row">
                                                        1间
                                                    </th>
                                                    <td>1,859元</td>
                                                </tr>
                                                <tr>
                                                    <th>12%增值税</th>
                                                    <td data-vat-value="223.00">
                                                        223元
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="pb-pricebreakdown--tbl-outerbox filled">
                                        <table class="pb-pricebreakdown--tbl">
                                            <tbody>
                                                <tr>
                                                    <th>
                                                        <div class="room-price">
                                                            价格
                                                        </div>
                                                        <div class="room-price-note">
                                                        </div>
                                                    </th>
                                                    <td data-et-view="">
                                                        <div data-total-price="2082.00">
                                                            <span class="price-approx">约</span>&nbsp;<span
                                                                class="room-price">2,082元</span>
                                                        </div>
                                                        <div class="room-price-converted">
                                                            SEK&nbsp;2,802.62
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <table class="pb-pricebreakdown--tbl">
                                            <tbody>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="pb-pricebreakdown--tbl-outerbox filled">
                                        <div class="pb-pricebreakdown--additional-info">
                                            <h4 class="pb-pricebreakdown--additional-info-header">
                                                显示的总价即您需要向住宿提供方支付的金额。
                                            </h4>
                                            <div class="pb-pricebreakdown--additional-info-text">
                                                Booking.com缤客不会向客人收取任何预订费、手续费或其他形式服务费。<br>
                                                您的发卡行可能向您收取境外交易手续费。
                                            </div>
                                        </div>
                                        <div id="pb-price-breakdown--payment" class="pb-pricebreakdown--additional-info
">
                                            <h4 class="pb-pricebreakdown--additional-info-header">付款信息</h4>
                                            <div class="pb-pricebreakdown--additional-info-text">
                                                Stockholm Hostel处理所有付款事宜。<br>
                                                这家住处接受以下形式的付款：
                                            </div>
                                        </div>
                                        <div class="pb-pricebreakdown--additional-info">
                                            <h4 class="pb-pricebreakdown--additional-info-header">货币及汇率信息</h4>
                                            <div class="pb-pricebreakdown--additional-info-text">
                                                您将根据付款当天的汇率，以SEK向Stockholm Hostel付款。
                                                <br>
                                                显示价格（CNY）仅作为基于<strong>今天</strong>SEK汇率预估的参考价格。
                                            </div>
                                        </div>
                                        <div class="pb-pricebreakdown--additional-info">
                                            <h4 class="pb-pricebreakdown--additional-info-header">
                                                其它信息
                                            </h4>
                                            <div class="pb-pricebreakdown--additional-info-text">
                                                <div data-et-view="INQHUNFSVdINOfaKLYRTWe:2"></div>
                                                温馨提示：额外服务（如加床）不包含在总价内。<br>
                                                如果您取消订单或未入住，住宿提供方仍有可能向您收取适用税费。<br>
                                                请记得阅读下方<strong>预订须知</strong>，因为该须知中可能包含未在此说明的重要信息。
                                            </div>
                                        </div>
                                        <div class="pb-pricebreakdown--additional-info hide_for_print">
                                            <h4 class="pb-pricebreakdown--additional-info-header">
                                                想了解更多关于付款的信息？
                                            </h4>
                                            <div class="pb-pricebreakdown--additional-info-text">
                                                请访问我们的<a href="#" data-component="confirmation/link-to-faq-block"
                                                    data-faq-topic="payment">常见问题及解答</a>，了解付款方式和时间。
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- <div class="main-content__item hotel-map">
                    <div class="table">
                        <div class="table-row">
                            <div class="table-cell ">
                                <div class="pb_conf_print_map" style="position: relative">
                                    <img class="pb_conf_print_map__tile"
                                        src="https://www.google.cn/maps/api/staticmap?center=59.33568,18.03080&amp;size=1000x220&amp;zoom=15&amp;language=zh&amp;client=gme-booking&amp;channel=booking-frontend&amp;signature=XQNA_NUMThWyz1SS2Kl4jeMtFtM="
                                        data-defer-src="https://www.google.cn/maps/api/staticmap?center=59.33568,18.03080&amp;size=1000x220&amp;zoom=15&amp;language=zh&amp;client=gme-booking&amp;channel=booking-frontend&amp;signature=XQNA_NUMThWyz1SS2Kl4jeMtFtM=">
                                    <img style="top: 50%; left: 50%; position:absolute;"
                                        src="https://ac-a.static.booking.cn/static/img/marker-hotel-orange-large/b4822d8146725693a1fa3c2f9724e8847aede926.png"
                                        class="pb_conf_print_map__marker" alt="目前的酒店" title="Stockholm Hostel">
                                </div>
                            </div>
                        </div>
                    </div>
                </div> -->
                <div class="main-content__item room">
                    <div class="table">
                        <div class="table-row">
                            <div class="table-cell  table-cell--has-room-photo">
                                <img src="https://ac-a.static.booking.cn/xdata/images/hotel/square90/79772433.webp?k=f0fa463dfe54facdbf94c7ba9a9e043ad3cd5c32a60a558ae3ce7802faa1cabd&amp;o="
                                    width="90" class="room__photo" alt="">
                                <div class="room__info">
                                    <h2>
                                        Twin Room with Private Bathroom - No Window
                                    </h2>
                                    <strong>客人姓名:</strong>
                                    QIANFENG YAO
                                    /
                                    最多容纳2人入住。
                                    <br>
                                    <strong>餐饮:</strong>
                                    这间客房的房价不包括餐点。
                                    <br>
                                    <div class="room__facilities">
                                        <ul class="marginTop5">
                                            <li>
                                                <span class="">私人浴室</span>
                                                •
                                            </li>
                                            <li>
                                                <span class="">卫生间</span>
                                                •
                                            </li>
                                            <li>
                                                <span class="">浴缸或淋浴</span>
                                                •
                                            </li>
                                            <li>
                                                <span class="">毛巾</span>
                                                •
                                            </li>
                                            <li>
                                                <span class="">床单</span>
                                                •
                                            </li>
                                            <li>
                                                <span class="">床头插座</span>
                                                •
                                            </li>
                                            <li>
                                                <span class="">熨衣设备</span>
                                                •
                                            </li>
                                            <li>
                                                <span class="">暖气</span>
                                                •
                                            </li>
                                            <li>
                                                <span class="">吹风机</span>
                                                •
                                            </li>
                                            <li>
                                                <span class="">电风扇</span>
                                                •
                                            </li>
                                            <li>
                                                <span class="">额外收费的毛巾/床单</span>
                                                •
                                            </li>
                                            <li>
                                                <span class="">铺设了地毯的地板</span>
                                                •
                                            </li>
                                            <li>
                                                <span class="">户外家具</span>
                                                •
                                            </li>
                                            <li>
                                                <span class="">户外用餐区</span>
                                                •
                                            </li>
                                            <li>
                                                <span class="">衣架</span>
                                                •
                                            </li>
                                            <li>
                                                <span class="">卫生纸</span>
                                                •
                                            </li>
                                            <li>
                                                <span class="">洗手液</span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="room__beds marginTop5">
                                        <div class="mb-room_beds">
                                            <strong>床铺尺寸：</strong>
                                            <span>
                                                1张床位 (各种尺寸)</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="table-cell table-cell--with-border
 table-cell--room-policy 
">
                                <div class="room__policy">
                                    <div class="e2e-print-conf-payment">
                                        <h5>
                                            预付款项
                                        </h5>
                                        <ul>
                                            <li>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 底部关于 -->
            <div class="row pc-section pc-section--has-border pc-section--has-no-title pc-section--has-two-columns">
                <div class="col-6 cc-info">
                </div>
                <div class="col-6 ">
                    <img src="https://ac-a.static.booking.cn/static/img/conf_print/cp-icon-mybooking/2c0ba6af0c4de53906e3692546d658a9e684bb2d.png"
                        class="conf-icon pc-section__icon" width="20">
                    <div class="pc-section__content">
                        <h2 class="hide_for_print" id="needHelpTitle">需要帮助吗？</h2>
                        <div class="section ">
                            <div id="book_confirmation_my_booking" class="marginBottom5">
                                <p class="print"><strong>您可以随时通过以下网站查看、更改或取消您的预订：</strong> <span
                                        style="text-decoration: underline;">
                                        secure.booking.cn/content/cs.html
                                    </span></p>
                            </div>
                            <p class="marginBottom5">如对酒店有任何疑问，您可以直接联系Stockholm Hostel，请拨打：<span class="u-phone">+46 70
                                    156 55 25</span></p>
                            <p class="hide_for_print" style="margin-bottom:1em;">
                                还有其他需要？您可以<a href=";label=from_conf_1" class="custom_track"
                                    data-trackname="Confirmation footer MyBooking link">在线管理订单</a>，提交特殊请求、修改入住日期、取消订单等。
                            </p>
                            <p>
                                <strong class="print" style="display:inline">或者致电我们 - 我们全天24小时为您服务：</strong>
                            </p>
                            <div>
                                普通话： <span style="direction: ltr; unicode-bidi:bidi-override;">400 882 2810</span>
                                <br>
                                粤语： <span style="direction: ltr; unicode-bidi:bidi-override;">400 882 2815</span>
                                <br>
                                国外或瑞典: <span style="direction: ltr; unicode-bidi:bidi-override;">+44 20 3320
                                    2630</span><br>
                            </div>
                            <div class="b_track_pb_social_zh"></div>
                            <dl class="print_ver">
                                <p>让Booking.com缤客随时与您相伴！关注我们：</p>
                                <img src="https://ac-a.static.booking.cn/static/img/gtw_1/bef57cd4567d732293108b116a248d312ba27db7.jpeg"
                                    width="128" height="128" alt="微信">
                            </dl>
                            <p></p>
                            <div data-et-view="NAFLSRbWNPdQBTDeXNOAVdNHWTRTfIZKe:1 NAFLSRbWNPdQBTDeXNOAVdNHWTRTfIZKe:3">
                            </div>
                        </div>
                        <h2 class="hide_for_print" id="safetyResourceCenterTitle">无忧出行</h2>
                        <div class="section ">
                            <p class="margin-top15">
                                想查找关于安全出行的信息？安全旅行信息中心帮你出行有备无患，住得安全又舒心。
                            </p>
                            <p class="margin-top15">
                                <a href="https://www.booking.cn/trust-and-safety/travellers.zh-cn.html?aid=1662037&amp;sid=f0f4338df70a50722551e8b958628bf7&amp;utm_source=rc_link&amp;utm_medium=web_cpage#safety-tips"
                                    target="_blank">查看安全旅行信息中心</a>
                            </p>
                            <p class="margin-top15">
                                我们收集了最重要的当地电话号码，让您在入住期间放心出行。
                            </p>
                            <p class="margin-top15">
                                <a href="https://www.booking.cn/trust-and-safety/travellers.zh-cn.html?aid=1662037&amp;sid=f0f4338df70a50722551e8b958628bf7&amp;utm_source=epn_link&amp;utm_medium=web_cpage&amp;utm_campaign=NAFLSRbWNPdQBTDeXNOAVdNHWTRTfIZKe"
                                    target="_blank">查看当地紧急服务</a>
                            </p>
                        </div>
                    </div>
                </div>
                <button class="bui-button pc-dotcn-print-btn" type="button" onclick="window.print()"
                    data-fallback="请使用Chrome浏览器或去电脑端进行此操作。">
                    <span class="bui-button__icon">
                        <svg class="bk-icon -streamline-printer" height="16" width="16" viewBox="0 0 24 24"
                            role="presentation" aria-hidden="true" focusable="false">
                            <path
                                d="M5.25 16.499h-3a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 0 1 .75-.75h19.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75h-3a.75.75 0 0 0 0 1.5h3a2.25 2.25 0 0 0 2.25-2.25v-7.5a2.25 2.25 0 0 0-2.25-2.25H2.25A2.25 2.25 0 0 0 0 8.249v7.5a2.25 2.25 0 0 0 2.25 2.25h3a.75.75 0 0 0 0-1.5zm-1.5-6h1.5a.75.75 0 0 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5zm1.5 3h13.5l-.75-.75v10.5l.75-.75H5.25l.75.75v-10.5l-.75.75zm0-1.5a.75.75 0 0 0-.75.75v10.5c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-10.5a.75.75 0 0 0-.75-.75H5.25zm13.5-6H5.25l.75.75v-4.5a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 .75.75v4.5l.75-.75zm0 1.5a.75.75 0 0 0 .75-.75v-4.5a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v4.5c0 .414.336.75.75.75h13.5zm-10.5 9h7.5a.75.75 0 0 0 0-1.5h-7.5a.75.75 0 0 0 0 1.5zm0 3h5.25a.75.75 0 0 0 0-1.5H8.25a.75.75 0 0 0 0 1.5z">
                            </path>
                        </svg>
                    </span>
                    <span class="bui-button__text">打印/保存为PDF</span>
                </button>
            </div>


        </div>









        <!-- <web-footer /> -->
    </div>
</template>

<script setup>


import { ref, onMounted, computed } from "vue";
import { visa_country, visa_items } from "@/api/travel";
import { useRouter } from "vue-router";

const router = useRouter();

// 生成模版数据
let data = ref([]);

let getData = async () => {
    // let res = await visa_items({ limit: 45, type: 122 })
    // data.value = res.data.slice(6, -6);
}

onMounted(async () => {
    getCountry()
    get_hot()
    get_list()
})





</script>

<style lang="scss" scoped>
body {
    background: #fff !important;
}

.df {
    display: flex;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

h1 {
    font-size: 16px;
}

.box {
    width: 1110px;
    height: 1800px;
    padding: 0 15px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #fff;
}

// 顶部信息

.header {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
}

.logo > img {
    width: 200px;
}
.book-num {
    text-transform: uppercase;
    font-size: 9px;
}
.book-num__digits {
    color: #0896ff;
    font-weight: bold;
    font-size: 13px;
}
.bui_font_caption, body .bui-f-font-caption, body .bui_font_caption {
    font-size: var(--bui_font_small_1_font-size);
    line-height: var(--bui_font_small_1_line-height);
    font-weight: var(--bui_font_small_1_font-weight);
    font-family: var(--bui_font_small_1_font-family);
}
.bui-f-color-destructive, .bui_color_destructive {
    color: #d4111e;
}


.header__title {
    font-weight: normal;
}
// 居中表格
.main-content {
    border: .5mm solid #3e4853;
    border-top: 0;
}

.main-content__item {
    border-top: .5mm solid #3e4853;
    padding: 10px;
    page-break-inside: avoid;
}

.main-content__item.hotel-map {
    padding: 0;
    margin: 0;
}
.booking-details {
    background: #f2f4f6;
    -webkit-box-shadow: inset 0 0 0 1000px #f2f4f6;
    box-shadow: inset 0 0 0 1000px #f2f4f6;
}

.table {
    border-collapse: collapse;
    display: table;
    width: 100%;
}

// 酒店介绍
.summary-layout-redesign {
    background-color: inherit !important;
    border-top: 0;
}

.summary {
    text-align: center;
}

.table {
    border-collapse: collapse;
    display: table;
    width: 100%;
}

.table-row {
    display: table-row;
    width: 100%;
}

.table-cell {
    display: table-cell;
    vertical-align: top;
    padding: 0 10px;
}

.table-cell:last-child {
    padding-right: 0;
}

.table-cell--with-border {
    border-left: .5mm solid #cecece;
}

// 酒店图
.hotel-details__photo {
    float: left;
    clear: both;
    display: block;
    margin-right: 10px;
}

.hotel-details__address {
    background-color: inherit !important;
    text-align: left;
    padding: 0;
}

.marginTop5 {
    margin-top: 5px;
}

.marginTop2 {
    margin-top: 2px;
}

// 
.table-cell--with-border {
    border-left: .5mm solid #cecece;
}

.summary-layout-redesign .dates {
    max-width: none;
    min-width: 200px;
}

.col-6 {
    width: 48%;
}

.col-6-w {
    width: 148px
}


.dates__item {
    float: left;
    margin: 0 3.84615384615% 0 0;
    list-style: none;
    position: relative;
    zoom: 1;
}

.dates__border {
    border-right: 1px dotted;
    padding-right: 10px;
}

.summary__title {
    text-transform: uppercase;
    font-size: 7px;
    height: 10px;
    line-height: 1;
}

.summary__big-num {
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    margin-top: 3px;
}

.dates__month {
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.8;
}

.dates__week {
    font-family: Georgia, serif;
    font-style: italic;
}

.marginTop3 {
    margin-top: 3px;
}

.conf-icon {
    display: inline-block;
    vertical-align: middle;
}

// 房源 / 夜晚
.rooms-nights {
    max-width: 150px;
    min-width: 80px;
}

.row {
    clear: both;
    margin: 0 auto;
    overflow: hidden;
}

.col-5 {
    width: 39.4230769231%;
}

.rooms-nights__item {
    float: left;
    margin: 0 3.84615384615% 0 0;
    list-style: none;
    position: relative;
    zoom: 1;
}

.summary__title {
    text-transform: uppercase;
    font-size: 7px;
    height: 10px;
    line-height: 1;
}

.summary__big-num {
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    margin-top: 3px;
}

.rooms-nights__item {
    position: relative;
}

.col-1 {
    width: 4.8076923077%;
}

.summary__title {
    text-transform: uppercase;
    font-size: 7px;
    height: 10px;
    line-height: 1;
}

.summary__big-num--sep {
    color: #b5b5b5;
    font-weight: normal;
}

.summary__big-num {
    font-size: 26px;
    // font-weight: bold;
    line-height: 1;
    margin-top: 3px;
}




// 价格
.price-table .summary__title {
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
    height: auto;
    line-height: inherit;
    margin-top: 10px;
}

.summary__big-num {
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    margin-top: 3px;
}

.is-print.is-print-mod2 .pb-pricebreakdown--tbl-outerbox {
    text-align: left;
}

.is-print .pb-pricebreakdown--tbl-outerbox,
.is-print .pb-pricebreakdown--tbl-outerbox:first-child,
.is-print .pb-pricebreakdown--tbl-outerbox:last-child {
    border: 0;
    border-radius: 0;
    padding: 0;
}

.is-print .pb-pricebreakdown--tbl-outerbox.filled {
    background-color: transparent;
}

.pb-pricebreakdown--tbl {
    width: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    unicode-bidi: isolate;
    border-color: inherit;
}

tr {
    display: table-row;
    vertical-align: inherit;
    unicode-bidi: isolate;
    border-color: inherit;
}

td,
th {
    text-align: left;
}

.is-print .pb-pricebreakdown--tbl-outerbox table.pb-pricebreakdown--tbl td {
    text-align: right;
}

.is-print.is-print-mod2 .pb-pricebreakdown--tbl-outerbox .room-price {
    color: var(--bui_color_black);
}

.pb-pricebreakdown--tbl-outerbox .room-price {
    font-size: 20px;
    line-height: 28px;
    color: var(--bui_color_brand_primary_foreground);
}

.is-print.is-print-mod2 .pb-pricebreakdown--tbl-outerbox .room-price-note {
    color: var(--bui_color_foreground);
}

.is-print.is-print-mod2 .pb-pricebreakdown--tbl-outerbox .room-price-converted {
    color: var(--bui_color_black);
}

.is-print.is-print-mod2 .pb-pricebreakdown--tbl-outerbox .price-approx {
    color: var(--bui_color_black);
}

.pb-pricebreakdown--tbl-outerbox .price-approx {
    font-size: 14px;
    color: var(--bui_color_brand_primary_foreground);
}

.is-print.is-print-mod2 .pb-pricebreakdown--tbl-outerbox .room-price {
    color: var(--bui_color_black);
}

.pb-pricebreakdown--tbl-outerbox .room-price {
    font-size: 20px;
    line-height: 28px;
    color: var(--bui_color_brand_primary_foreground);
}

.is-print.is-print-mod2 .pb-pricebreakdown--tbl-outerbox .room-price-converted {
    color: var(--bui_color_black);
}

.is-print .pb-pricebreakdown--tbl-outerbox.filled {
    background-color: transparent;
}

.price-table .is-print.is-print-mod2 .pb-pricebreakdown--additional-info:first-child {
    padding-top: 5px;
}

.is-print.is-print-mod2 .pb-pricebreakdown--additional-info:first-child {
    padding-top: 20px;
}

.is-print.is-print-mod2 .pb-pricebreakdown--additional-info {
    padding-bottom: 5px;
}

.is-print.is-print-mod2 .pb-pricebreakdown--additional-info {
    border-bottom: 1px solid #cecece;
}

.is-print .pb-pricebreakdown--additional-info {
    padding-top: 0;
    padding-bottom: 0;
}

.pb-pricebreakdown--additional-info:first-child {
    padding-top: 0;
}

.is-print .pb-pricebreakdown--additional-info-header {
    line-height: 18px;
}

.pb-pricebreakdown--additional-info-header {
    line-height: 24px;
    font-size: 14px;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: bold;
}

// @media print {
//   body, html, .container {
//     width: 100% !important;  /* 强制宽度适配 */
//     margin: 0 !important;
//     padding: 0 !important;
//     box-sizing: border-box;
//   }
// }

// 底部关于
.s {}
</style>
